@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&display=swap');

*{
  font-family: 'Ubuntu Condensed',sans-serif;
  color: rgb(240, 240, 240);
  font-size: 35px;
}

body{
  display: flex;
  justify-content: center;
  align-content: center;
  height: 100vh;
  background-color: rgb(251,199,127);
}

header{
  padding: 10px;
}

.departures{
  background-color: rgb(6,6,6);
  border-radius: 10px;
  padding: 10px;
}

.departures table{
  background-color: rgb(46,46,46);
  text-align: left;
  min-height: 305px;
}

.departures table td{
  height: 50px;
}

.departures table div{
  border: 4px solid rgb(26,26,26);
  background-color: rgb(0,0,0);
  float: left;
  height: 40px;
}

#time{
  width: 160px;
}

#destination{
  width: 340px;
}

#flight{
  width: 205px;
}

#gate{
  width: 135px;
}

#remarks{
  width:260px;
}

.flip{
  animation: flipping .5s linear;
}

@keyframes flipping {
  0%{
    transform: rotateX(0);
  }
  50%{
    transform: rotateX(90deg);
  }
  100%{
    transform: rotateX(0);
  }
}